<template>
	<view class="container">
		<customHead
			title="设置"
			@headHeight="headHeightCall"
			isShowBackArrow
			:titlePaddingLeft="30"
			:placeholder="true"
		>
		</customHead>
		<view class="main" v-if="naviHeight">
			<view class="item" v-for="(item, index) in list" :key="index">
				<view class="item_cont">
					<view class="cont_item" @click="gotoDetail(item1)"  v-for="(item1, index1) in item.child" :key="index1">
						<text>{{item1}}</text>
						<u-icon name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [
					{
						child: ['用户协议', '隐私政策']
					},
				]
			};
		},
		methods: {
			gotoDetail (item1) {
				uni.navigateTo({
					url: `/subpack_my/setting/settingDetail/settingDetail?title=${item1}`
				})
			}
		},
		onLoad () {
		},
	}
</script>

<style lang="scss" scoped>
	.container{
		width: 100vw;
		
		.main{
			width: 100%;
			padding: 0 30rpx;
			box-sizing: border-box;
			
			.item{
				margin-bottom: 30rpx;
				
				.title{
					padding: 30rpx 20rpx;
					font-size: 34rpx;
				}
				.item_cont{
					padding: 0 20rpx;
					font-size: 30rpx;
					background-color: #fff;
					border-radius: 20rpx;
					
					.cont_item{
						display: flex;
						justify-content: space-between;
						padding: 30rpx 0;
						border-bottom: 1rpx solid #ddd;
					}
					.cont_item:last-child{
						border: none;
					}
				}
			}
		}
	}
</style>
